<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程详情编辑</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script type="text/javascript" src="/layui/layui.js"></script>
    <script type="text/javascript" src="/jquery/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="/css/course/course-see.css">
</head>
<body>
<form class="layui-form" id="form" lay-filter="selFilter">
    <div>
        <div class="layui-form-item">
            <div class="layui-input-inline">
                <label class="layui-form-label">课程封面：</label>
                <button id="test" type="button" class="layui-btn layui-btn-sm">更换图片</button>
                <div class="layui-input-block">
                    <img src="" id="url"/>
                    <input type="hidden" name="url" required/>
                </div>
            </div>
            <div class="layui-input-inline">
                <label class="layui-form-label">视频预览：</label>
                <button id="video" type="button" class="layui-btn layui-btn-sm">更换视频</button>
                <div class="layui-input-block">
                    <video controls="controls" id="courseUrl"></video>
                    <input type="hidden" name="courseUrl" required/>
                    <!--课程时长-->
                    <input type="hidden" name="courseTime" required/>
                </div>
            </div>
        </div>
        <ul>
            <li class="layui-left">
                <div class="layui-form-item">
                    <locator class="layui-form-label">课程名称：</locator>
                    <div class="layui-input-inline">
                        <input type="text" name="courseName" required lay-verify="required" class="layui-input">
                    </div>
                </div>
            </li>
            <li class="layui-left">
                <div class="layui-form-item">
                    <locator class="layui-form-label">课程售价：</locator>
                    <div class="layui-input-inline">
                        <input type="text" name="courseNprice" required lay-verify="required|price"
                               class="layui-input">
                        <input type="hidden" name="coursePrice" class="layui-input">
                    </div>
                </div>
            </li>
            <li class="layui-left">
                <div class="layui-form-item">
                    <locator class="layui-form-label">关键字：</locator>
                    <div class="layui-input-inline">
                        <input type="text" name="coursePrimary" required lay-verify="required" class="layui-input">
                    </div>
                </div>
            </li>
            <li class="layui-left">
                <div class="layui-form-item">
                    <locator class="layui-form-label">课程分类：</locator>
                    <div class="layui-input-inline">
                        <select name="classId" id="classId" class="layui-select" required lay-verify="required"></select>
                    </div>
                </div>
            </li>
            <li class="layui-left">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <locator class="layui-form-label">课程简介：</locator>
                        <div class="layui-input-inline">
                            <textarea class="layui-textarea" required lay-verify="required" id="courseIntro"
                                      name="courseIntro"></textarea>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div class="layui-form-item" id="btn">
            <button type="button" class="layui-btn" lay-submit lay-filter="sub">修改</button>
            <button type="button" class="layui-btn" id="cancel">取消</button>
        </div>
    </div>
    <input type="hidden" name="courseId">
    <input type="hidden" name="updateId">
    <input type="hidden" name="userId">
    <input type="hidden" name="courseStatus">
    <input type="hidden" name="courseCstatus">
</form>
</body>
<script type="text/javascript" src="/js/course/course-update.js"></script>
</html>